import {Avatar, Card, Col, Row} from "antd";
import {history} from "@umijs/max";

export default ()=>{
  return (
    <Row gutter={16}>
      <Col span={6}>
        <Card hoverable onClick={()=>{
          history.push("/agent/chat/1")
        }}>
          <Card.Meta
            avatar={<Avatar src="https://api.dicebear.com/7.x/miniavs/svg?seed=1" />}
            title="中英互译小助手"
            description={
              <>
                <p>中英文互译，我是专业的。比如输入：今天天气如何/what's your name，我会翻译成相对应的英文/中文</p>
              </>
            }
          />
        </Card>
      </Col>
      <Col span={6}>
        <Card hoverable onClick={()=>{
          history.push("/agent/chat/2")
        }}>
          <Card.Meta
            avatar={<Avatar src="https://api.dicebear.com/7.x/miniavs/svg?seed=1" />}
            title="文言文大师"
            description={
              <>
                <p>请输入一段白话文，我来帮你翻译成文言文，例如“你吃饭了吗”</p>
              </>
            }
          />
        </Card>
      </Col>
      <Col span={6}>
        <Card hoverable onClick={()=>{
          history.push("/agent/chat/3")
        }}>
          <Card.Meta
            avatar={<Avatar src="https://api.dicebear.com/7.x/miniavs/svg?seed=1" />}
            title="语法老师"
            description={
              <>
                <p>给我一段文字，我来帮你纠正语法错误，比如输入“这种不爱惜劳动成果,任意浪费,是可耻的”</p>
              </>
            }
          />
        </Card>
      </Col>
    </Row>
  )
}
